.clearfix:after { content: ""; display: table; clear: both; }

.grid-1-4 { width: 100%; }

@media (min-width: 37.5em) { .grid-1-4 { width: 50%; } }

@media (min-width: 64em) { .grid-1-4 { width: 25%; } }

#sideNavBox, #contentBox h1 { display: none; }

#contentBox { margin-left: 0; }

.parallax { /* Home Banner */ background-image: url(/Style%20Library/Branding/img/home-banner-img.jpg); /* Set a specific height */ height: 680px; /* Create the parallax scrolling effect */ background-attachment: scroll; background-position: center top; background-repeat: no-repeat; background-size: cover; background-color: #000; /* test only */ }

@media (min-width: 31.5em) { .parallax { background-attachment: fixed; background-position: center top; } }

#contentBox { padding-bottom: inherit; /* this one removes the value set for left column height on all the inside pages. */ margin-bottom: inherit; }

#contentRow { margin: -580px auto 0; }

@media (min-width: 56em) { #contentRow { margin: -620px auto 0; } }

.mainText { width: 84%; height: 140px; background-image: url(/Style%20Library/Branding/img/home-banner-text-w.png); background-repeat: no-repeat; background-size: 100%; position: relative; left: 30px; }

@media (min-width: 31.5em) { .mainText { margin-top: 0; } }

@media (min-width: 37.5em) { .mainText { height: 140px; background-size: inherit; margin-top: 30px; } }

.stepsWrap { padding-top: 10px; /* need to check mobile screen size */ height: 400px; display: table; }

@media (min-width: 31.5em) { .stepsWrap { padding-top: 40px; } }

@media (min-width: 56em) { .stepsWrap { padding-top: 150px; height: 300px; } }

.steps { height: inherit; display: table-cell; vertical-align: bottom; }

@media (min-width: 62.1em) { .steps { height: 156px; } }

.steps .ms-webpart-zone { background-color: inherit; }

@media (min-width: 56em) { .steps .ms-webpart-zone { background-color: rgba(3, 74, 127, 0.6); } }

.stepsContainer { display: table; width: 100%; float: left; background-image: url(/Style%20Library/Branding/img/steps-back.png); background-repeat: no-repeat; background-position: -280px; background-color: rgba(3, 74, 127, 0.7); margin-top: 1px; }

@media (min-width: 37.5em) { .stepsContainer { width: 100%; background-position: -210px; } }

@media (min-width: 56em) { .stepsContainer { width: 50%; background-position: -240px; background-color: inherit; background-size: contain; height: 170px; } }

@media (min-width: 72em) { .stepsContainer { background-position: -180px; height: 170px; } }

@media (min-width: 77.3em) { .stepsContainer { background-position: -180px; height: 170px; } }

@media (min-width: 78.5em) { .stepsContainer { background-position: -140px; height: 156px; } }

.firstSteps, .nextSteps { width: 80px; height: 90px; float: left; margin-left: 1em; }

@media (min-width: 31.5em) { .firstSteps, .nextSteps { height: 126px; } }

@media (min-width: 37.5em) { .firstSteps, .nextSteps { width: 130px; } }

@media (min-width: 56em) { .firstSteps, .nextSteps { height: 170px; } }

@media (min-width: 72em) { .firstSteps, .nextSteps { width: 240px; height: 156px; margin-left: inherit; } }

.firstSteps { background-image: url(/Style%20Library/Branding/img/steps-first.png); background-repeat: no-repeat; background-position: center; background-size: 100%; }

@media (min-width: 72em) { .firstSteps { background-size: 60%; } }

.nextSteps { background-image: url(/Style%20Library/Branding/img/steps-next.png); background-repeat: no-repeat; background-position: center; background-size: 100%; }

@media (min-width: 72em) { .nextSteps { background-size: 60%; } }

.stepsHeader { display: table; width: inherit; height: 80px; margin-top: 4px; }

@media (min-width: 56em) { .stepsHeader { width: inherit; } }

@media (min-width: 64em) { .stepsHeader { width: 80%; } }

.stepsText { margin-left: 120px; }

@media (min-width: 31.5em) { .stepsText { margin-left: 140px; } }

@media (min-width: 37.5em) { .stepsText { margin-left: 200px; } }

@media (min-width: 72em) { .stepsText { margin-left: 270px; } }

.stepsText h2 { display: table-cell; vertical-align: middle; font-family: "PT Sans", sans-serif; color: #fff; font-size: 22px; line-height: 24px; font-weight: bold; }

@media (min-width: 37.5em) { .stepsText h2 { font-size: 26px; line-height: 30px; } }

.stepsText p { font-size: 16px; color: #fff; line-height: 19px; font-weight: 100; display: none; }

@media (min-width: 31.5em) { .stepsText p { display: inherit; } }

.featuredTopics { padding-top: 106px; margin: 0; background-image: url(/Style%20Library/Branding/img/home-text-featured.png); background-position: center 30px; background-repeat: no-repeat; background-color: #fff; background-size: 247px; }

@media (min-width: 31.5em) { .featuredTopics { margin: 10px 15px 0; background-position: center 14px; background-size: 457px 59px; } }

.featuredTopics .topic { background: #b8e1fb; width: 100%; max-width: inherit; height: inherit; margin: 0 auto 1px; text-align: inherit; float: inherit; overflow: hidden; border: none; box-sizing: border-box; position: relative; }

@media (min-width: 31.5em) { .featuredTopics .topic { max-width: calc(50% - 1%); margin: 0 0.5% 1%; text-align: center; border: solid 4px #b8e1fb; float: left; } }

@media (min-width: 56em) { .featuredTopics .topic { width: 100%; max-width: calc(25% - 1%); height: 300px; margin: 0 0.5%; } }

@media (min-width: 62.1em) { .featuredTopics .topic { height: 320px; } }

.featuredTopics .topic .topicImage { width: 30%; min-width: 110px; height: 110px; overflow: hidden; float: left; margin-right: 16px; }

@media (min-width: 31.5em) { .featuredTopics .topic .topicImage { width: 100%; height: inherit; overflow: inherit; float: none; margin-right: inherit; } }

.featuredTopics .topic .topicImage img { width: auto; height: 110px; float: left; }

@media (min-width: 31.5em) { .featuredTopics .topic .topicImage img { width: 100%; height: auto; float: none; } }

.featuredTopics .topic .topicHeader { display: table; width: auto; height: auto; margin: 1em 0 0.4em 0; }

@media (min-width: 31.5em) { .featuredTopics .topic .topicHeader { width: 80%; height: 70px; margin: 0 auto; } }

.featuredTopics .topic .topicHeader h2 { font-family: "PT Sans", sans-serif; font-weight: 700; font-size: 18px; line-height: 20px; display: table-cell; vertical-align: middle; }

@media (min-width: 31.5em) { .featuredTopics .topic .topicHeader h2 { font-size: 22px; line-height: 24px; } }

.featuredTopics .topic p { font-size: 14px; width: 96%; height: inherit; margin: 0 0 0 10px; padding-bottom: 0; line-height: 16px; color: #000; }

@media (min-width: 31.5em) { .featuredTopics .topic p { font-size: 15px; margin: 0 auto; padding-bottom: 1em; line-height: 18px; height: 60px; } }

@media (min-width: 37.5em) { .featuredTopics .topic p { width: 90%; height: 50px; } }

.featuredTopics .topic a { width: 100%; height: 220px; display: block; position: absolute; top: 0; left: 0; }

@media (min-width: 31.5em) { .featuredTopics .topic a { height: 320px; } }

.featuredTopics .longTopic .topicHeader h2 { font-size: 16px; }

@media (min-width: 37.5em) { .featuredTopics .longTopic .topicHeader h2 { font-size: 22px; } }

@media (min-width: 56em) { .featuredTopics .longTopic .topicHeader h2 { font-size: 18px; } }

.ms-webpartzone-cell { margin-bottom: 0; }

@media (min-width: 56em) { .ms-webpartzone-cell { margin-bottom: inherit; } }

/*# sourceMappingURL=bh-home.css.map */